page {
  background: #fff;
  height: 100%; }

.icon {
  color: #ffffff; }

.logo {
  width: 100%;
  height: 34vw;
  display: flex;
  justify-content: center;
  align-items: center; }
  .logo .img {
    width: 100upx;
    height: 100upx; }
    .logo .img image {
      width: 100%;
      height: 100%;
      border-radius: 100%; }

.form {
  width: 670upx;
  margin: 0 auto;
  font-size: 30upx; }
  .form .username,
  .form .password,
  .form .code {
    overflow: hidden;
    height: 90upx;
    border-radius: 45upx;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 0 45upx;
    margin-bottom: 40upx; }
    .form .username input, .form .username input.password,
    .form .password input,
    .form .password input.password,
    .form .code input,
    .form .code input.password {
      width: 400upx;
      height: 60upx;
      color: #222;
      font-weight: 200;
      line-height: 60upx;
      padding: 15upx 0; }
  .form .btn {
    margin: 200upx auto 0;
    width: 560upx;
    height: 90upx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 45upx;
    background-color: #fb3232;
    color: #fff;
    font-size: 34upx; }

.username {
  position: relative; }
  .username .get-code {
    position: absolute;
    height: 90upx;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    padding: 0 40upx;
    z-index: 3; }

.res {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100upx; }

.input-row {
  position: relative; }

.pwd-eyes {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 88upx;
  padding: 0 20upx;
  z-index: 2; }

.input-row .uni-icon-eye, .input-row-s .uni-icon-eye {
  width: 40upx;
  height: 26upx; }
